<template>
    <el-container>
      <el-header style="border: 0px solid red;padding: 0">
        <lh></lh>
      </el-header>
      <el-container >
        <el-aside :width="asideWidth" style="height: calc(100vh - 65px);border-right: 1px solid #e6e6e6;">
          <!--<el-aside>-->
          <layout-aside></layout-aside>
        </el-aside>
        <el-container style="border: 0px solid green">
          <el-main style="height: 100%">
            <transition name="main" mode="out-in">
              <router-view ></router-view>
            </transition>
          </el-main>
          <el-footer class="main-footer" >
            <Bottom></Bottom>
          </el-footer>
        </el-container>
      </el-container>
    </el-container>
</template>

<style lang="stylus">
#app
  font-family 'Avenir', Helvetica, Arial, sans-serif
  -webkit-font-smoothing antialiased
  -moz-osx-font-smoothing grayscale
  text-align center
  color #2c3e50

#nav
  padding 30px

  a
    font-weight bold
    color #2c3e50

    &.router-link-exact-active
      color #42b983
</style>
